﻿
@{
    ViewBag.Title = Resources.WebStringsWeb.WebTitle;
    Layout = "~/Views/Shared/_LayoutMobile.cshtml";
}
@section css {
    <style>
        .IsException {
            color: red;
            font-weight:bold;
        }

        .IsNormal {
            color: blue;
        }

        .mui-bar ~ .mui-content .mui-scroll-wrapper {
            top: 44px;
            height: auto;
        }
    </style>
}
<header class="mui-bar mui-bar-nav">
    <a class="mui-icon mui-icon-left-nav mui-pull-left" href="MSpecialCheckTaskList"></a>
    <h1 class="mui-title" style="color:white;">专项检查台账</h1>
</header>
<div class="mui-content">
    <div id="pullrefresh" class="mui-scroll-wrapper">
        <div class="mui-scroll" id="checklist" >
            <ul ng-cloak class="mui-table-view mui-table-view-chevron mui-table-view-striped mui-table-view-condensed" ng-cloak ng-controller="CheckFormController" ng-init="SearchModel={};
                 TaskId='@(Request.QueryString["TaskId"].IsEmpty() ? "" : Request.QueryString["TaskId"])';
                SearchModel.TaskId=TaskId;
                InitMySpecialCheckRecordList();">
                <li class="mui-table-view-cell" ng-show="SpecialCheckRecordList.length==0" style="height:200px;text-align:center;font-weight:bold;background-color:rgb(239,239,244);border:none;color:gray;">暂无数据...</li>
                <li class="mui-table-view-cell" ng-repeat="x in SpecialCheckRecordList">
                    <div class="mui-slider-right mui-disabled">
                        <a class="mui-btn mui-btn-green" href="MSpecialCheckFormDetail?FormId={{x.FormId}}&TaskId={{TaskId}}" style="transform: translate(0px, 0px);">详细</a>
                        <a class="mui-btn mui-btn-blue" ng-show="x.Status==1 && x.DepartmentManager==User.UserNo" href="MSpecialCheckFormDetail?FormId={{x.FormId}}&IsApprove=1&TaskId={{TaskId}}" style="transform: translate(0px, 0px);">审核</a>
                    </div>
                    <div class="mui-table mui-slider-handle">
                        <div class="mui-table-cell mui-col-xs-10">
                            <h5 class="mui-ellipsis" ng-class="{'IsException':x.IsException}">场所：{{x.Places}}</h5>
                            <p class="mui-h6 mui-ellipsis">登记人：{{x.CreateUserName}}&nbsp;&nbsp;&nbsp; 审核人：{{x.DepartmentLeader}}</p>
                            <p class="mui-h6 mui-ellipsis">状态：<span ng-show="x.Status=='0'">暂存<span ng-show="x.IsWithdraw">-驳回</span></span><span ng-show="x.Status=='1'">待审核</span><span ng-show="x.Status=='2'">完成</span></p>
                            <p class="mui-h6 mui-ellipsis" ng-show="x.ApproveRemark!=''">审核意见：{{x.ApproveRemark}}</p>
                        </div>
                        <div class="mui-table-cell mui-col-xs-2 mui-text-right">
                            <span class="mui-h5">{{x.CheckTime|JSONDate:'MM-dd'}}</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
@section js{
    <script src="~/Assets/js/mui.pullToRefresh.js"></script>
    <script src="~/Assets/js/mui.pullToRefresh.material.js"></script>
    <script src="~/Assets/js/pg/MCheckForm.js?v=@DateTime.Now.ToString("yyyyMMddHHmm")"></script>

    <script>
        mui.init({
            swipeBack: false,
            keyEventBind: {
                backbutton: false  //关闭back按键监听
            }
        });
        //mui.showLoading("正在加载..", "div");
        //setTimeout(function () {
        //    mui.hideLoading();
        //}, 2000);


    </script>
}
